<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8"%>
<html>
	<head>
		<title></title>
		<script src="js/bottom.js" type="text/javascript"></script>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style>
		<!--
		body {
			background-image: url(images/background_buttom.gif);
		}
		
		#id {
			background: url(images/bottom_bg.jpg);
			background-position: bottom;
			background-repeat: no-repeat;
			display: block;
		}
		
		
		img.item{
			border:0px;
			width: 68%;
			margin-bottom:-12px;
			padding-bottom:0px;
			
		}
		
		div.block {
			position: absolute;
			bottom: 0%;
			right: 0%;
		}
		
		td.bottom {
			vertical-align: bottom;
		}
		
		.position{
			visibility:visible;
			position:relative;
			bottom:8px;
		}
		
		td.text{
			margin-top:10px;	
			text-align:center;
			height:31px;
		}
		
		p{
			font-family:"Courier New", Courier, monospace;
			color: #C6C6C6;
			font-size: small;
			font-style: normal;
		}
		-->
		</style>

		<script language="javascript">
		//创建一个showhidediv的方法，直接跟ID属?
		function showhidediv() {
			var position = document.getElementById("position");
			if (position.style.visibility == 'hidden') {
				position.style.visibility = 'visible';
				document.style.backgroundImage = "url(images/bottom_bg.jpg)";
				//document.style.backgroundImage = "url(images/bottom_bg.jpg)";
				document.getElementById("hidden").src = "images/hidden.gif";
			} else {
				position.style.visibility = 'hidden';
				document.style.backgroundImage = "url()";
				document.getElementById("hidden").src = "images/display.gif";
			}
		
		}
		</script>
	</head>
	<body>

		<div id="position" class="position"
			style="background: url(images/bottom_bg.jpg); background-position: bottom; background-attachment:fixed; background-repeat: no-repeat; display: block;">
			<table align="center" border="0" width="50%" height="100%">
				<tr align="center">
					<td class="bottom" width="14.5%">
						<a href="account.jsp" target="main"> <img
								src="images/zhgl.ico" class="item" title="账户管理"
								 onMouseOver=changecolor(this) onMouseOut=colorout(this)>
						</a>
					</td>
					<td class="bottom" width="14.5%">
						<a href="project.jsp" target="main"> <img
								src="images/project.ico" class="item"
								 onMouseOver=changecolor(this) onMouseOut=colorout(this)>
						</a>
					</td>
					<td class="bottom" width="14.5%">
						<a href="journaling.jsp" target="main"> <img
								src="images/bb.ico" class="item" title="表报管理"
								 onMouseOver=changecolor(this) onMouseOut=colorout(this)>
						</a>
					</td>
					<td class="bottom" width="14.5%">
						<a href="system.jsp" target="main"> <img
								src="images/system.ico" class="item" title="系统管理"
								onMouseOver=changecolor(this) onMouseOut=colorout(this)>
						</a>
					</td>
					<td class="bottom" width="14.5%">
						<a href="main.jsp" target="main"> <img src="images/back.ico"
								class="item" title="返回首页" onMouseOver=changecolor(this)
								onMouseOut=colorout(this)>
						</a>
					</td>
				</tr>
				<tr>
					<td class="text">
						<p>
							账户管理
						</p>
					</td>
					<td class="text">
						<p>
							项目管理
						</p>
					</td>
					<td class="text">
						<p>
							表报统计
						</p>
					</td>
					<td class="text">
						<p>
							系统设置
						</p>
					</td>
					<td class="text">
						<p>
							返回主页
						</p>
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>